<header class="navbar-fixed">
    <nav id="headNav" class="bg-color">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    <span class="logo-span">{$config.site.site_author}</span>
                </a>
            </div>

            <a href="/#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
            <ul class="right nav-menu">

                <li class="hide-on-med-and-down nav-item">
                    <a href="/" class="waves-effect waves-light">
                        <i class="fas fa-home" style="zoom: 0.6;"></i>
                        <span>首页</span>
                    </a>
                </li>

                <li class="hide-on-med-and-down nav-item">
                    <a href="/category" class="waves-effect waves-light">
                        <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
                        <span>栏目</span>
                    </a>
                </li>

                <li class="hide-on-med-and-down nav-item">
                    <a href="/tag" class="waves-effect waves-light">
                        <i class="fas fa-tags" style="zoom: 0.6;"></i>
                        <span>标签</span>
                    </a>
                </li>

                <li class="hide-on-med-and-down nav-item">
                    <a href="/archives" class="waves-effect waves-light">
                        <i class="fas fa-archive" style="zoom: 0.6;"></i>
                        <span>归档</span>
                    </a>
                </li>

                <li class="hide-on-med-and-down nav-item">
                    <a href="/about" class="waves-effect waves-light">
                        <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
                        <span>关于</span>
                    </a>
                </li>

                <li class="hide-on-med-and-down nav-item">
                    <a href="/link" class="waves-effect waves-light">
                        <i class="fas fa-link" style="zoom: 0.6;"></i>
                        <span>友链</span>
                    </a>
                </li>

                <li>
                    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
                        <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
                    </a>
                </li>
            </ul>


            <!--手机端菜单栏-->
            <div id="mobile-nav" class="side-nav sidenav">
                <div class="mobile-head bg-color">
                 <img src="__IMG__/avatar.jpg" class="logo-img circle responsive-img">
                    <div class="logo-name">{$config.site.site_author}</div>
                </div>


                <ul class="menu-list mobile-menu-list">
                    <li class="m-nav-item">
                        <a href="/" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-home"></i> 首页
                        </a>
                    </li>

                    <li class="m-nav-item">
                        <a href="/category" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-bookmark"></i> 栏目
                        </a>
                    </li>

                    <li class="m-nav-item">
                        <a href="/tag" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-tags"></i> 标签
                        </a>
                    </li>

                    <li class="m-nav-item">
                        <a href="/archives" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-archive"></i> 归档
                        </a>
                    </li>

                    <li class="m-nav-item">
                        <a href="/link" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-link" ></i>友链
                        </a>
                    </li>

                    <li class="m-nav-item">
                        <a href="/about" class="waves-effect waves-light">
                            <i class="fa-fw fas fa-user-circle"></i> 关于
                        </a>
                    </li>
                </ul>
            </div>
            <!--手机端菜单栏结束-->
        </div>
    </nav>
</header>